<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>D3交互式数据可视化</title>
</head>
<body>
	<ul>
		<li>d3.rgb(r,g,b) --创建颜色</li>
		<li>rgb.brighter([k]) 颜色变的更明亮</li>
		<li>rgb.darker([k]) 颜色变的更暗</li>
		<li>rgb.hsl() 返回该颜色对应的HSL值</li>
		<li>rgb.toString() 以字符串的形式返回该颜色值</li>
		<li><strong>以上操作不会影响当前对象，操作函数返回的都是对象，不是字符串，可用rgb.toString()转换</strong></li>
		<li>利用d3.interpolate()进行颜色插值</li>
	</ul>
	<script src="js/d3_3.5.7.js"></script>
	<script>
		var color1 = d3.rgb(40,80,0);
		// console.log(color1.brighter(2).toString())
		var a = d3.rgb(255,0,0);
		var b = d3.rgb(0,255,0);

		var compute = d3.interpolate(a,b)
		console.log(compute(0))
		console.log(compute(0.2))
	</script>
</body>
</html>